<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="1.css" rel="stylesheet">
</head>
<body>
<div class="box">
    <h3 class="clearfix">
        <a href="#"><img src="https://img.alicdn.com/tfs/TB1o60degoQMeJjy1XaXXcSsFXa-180-48.png" /></a>
        <p>发现属于你的生活方式</p>
    </h3>


    <ul class="clearfix">
        <li><a href="#">
            <div class="pic fl"><img src="https://img.alicdn.com/tfscom/TB2sNNtk8DH8KJjSspnXXbNAVXa_!!0-juitemmedia.jpg_160x160q90.jpg_.webp" /></div>

            <div class="txt fl">
                <h4>囤货小当家</h4>
                <p>会屯会生活</p>
                <p><span style="font-family:iconfont;color:#00cc99">&#xe618;</span>人气1218904</p>
            </div>
        </a>
        </li>

        <li><a href="#">
            <div class="pic fl"><img src="https://img.alicdn.com/tfscom/TB1MFsBaCr85uJjSZPhSuvXgpXa.jpg_160x160q90.jpg_.webp" /></div>

            <div class="txt fl">
                <h4>条纹控</h4>
                <p>吃不散的经典</p>
                <p><span style="font-family:iconfont;color:#00cc99">&#xe618;</span>人气84894646</p>
            </div>
        </a>
        </li>

        <li><a href="#">
            <div class="pic fl"><img src="https://img.alicdn.com/tfscom/TB2disZmgoQMeJjy1XaXXcSsFXa_!!2395582094.jpg_160x160q90.jpg_.webp" /></div>

            <div class="txt fl">
                <h4>机车骑士</h4>
                <p>就是这么霸气</p>
                <p><span style="font-family:iconfont;color:#00cc99">&#xe618;</span>人气6594616</p>
            </div>
        </a>
        </li>

        <li><a href="#">
            <div class="pic fl"><img src="https://img.alicdn.com/tfscom/TB1huvjd7ZmBKNjSZPiSutFNVXa.jpg_160x160q90.jpg_.webp" /></div>

            <div class="txt fl">
                <h4>厨艺达人</h4>
                <p>不能辜负美食</p>
                <p><span style="font-family:iconfont;color:#00cc99">&#xe618;</span>人气54516548</p>
            </div>
        </a>
        </li>

        <li><a href="#">
        <div class="pic fl"><img src="https://img.alicdn.com/tfscom/TB1CzvCX1kJL1JjSZFmSuww0XXa.jpg_160x160q90.jpg_.webp" /></div>

        <div class="txt fl">
            <h4>家有萌娃</h4>
            <p>宝宝快快长大</p>
            <p><span style="font-family:iconfont;color:#00cc99">&#xe618;</span>人气16549845</p>
        </div>
        </a>
        </li>


        <li><a href="#">
            <div class="pic fl"><img src="https://img.alicdn.com/tfscom/TB1mwRpmsnI8KJjSspeSuwwIpXa.jpg_160x160q90.jpg_.webp" /></div>

            <div class="txt fl">
                <h4>海派妈咪</h4>
                <p>囤货第一波</p>
                <p><span style="font-family:iconfont;color:#00cc99">&#xe618;</span>人气45648418</p>
            </div>
        </a>
        </li>
    </ul>
</div>
</body>
</html>